<template>
    <div>
        <Header />
        <div class="main">
            <router-view></router-view>
        </div>
        <Footer />
    </div>
</template>

<script>

import Header from '../components/Header.vue'
import Footer from '../components/Footer.vue'
    export default {
        components:{
            Header,
            Footer,
        },
    }
</script>

<style lang="less" scoped>
.main{
    height: 100%;
    padding-top: 1.2rem;
    padding-bottom: 0.9rem;
    font-size: .24rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
</style>